<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- element样式 -->
		<link rel="stylesheet" href="../index.css" />
		
		<script src="../vue.js"></script>
		<!-- element组建 -->
		<script src="../index.js"></script>
		<style>
			.el-header, .el-footer {
				background-color: #B3C0D1;
				color: #333;
				text-align: left;
				line-height: 60px;
			}
	
			.el-aside {
				background-color: #D3DCE6;
				color: #333;
				text-align: center;
				line-height: 200px;
			}
	
			.el-main {
				background-color: #E9EEF3;
				color: #333;
				text-align: center;
				line-height: 590px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			        <el-container>
			            <el-header>
			                header部分
			            </el-header>
			            <el-container>
			                <el-aside width="200px">
			                    aside部分
			                </el-aside>
			                <el-container>
			                    <el-main>
			                        main部分
			                    </el-main>
			                    <el-footer>
			                        footer部分
			                    </el-footer>
			                </el-container>
			            </el-container>
			        </el-container>
		</div>
	
		<script>
			new Vue({
				el:'#app'
			});
		</script>
	</body>
</html>
